$(function(){
	var index = 1,   //页面内容
	    mymusic = document.getElementById("mymusic"), 
	    show = true;  //判断是否显示和隐藏
    
	localStorage.setItem('demo',new Date());
	
	//左边部分宽度和样式的改变
	$(".set").click(function () {
		if (show) {
			$("#lists .display,.erji .display").show().css({"display":"inline"});
			$("#lists .display,.erji .display").first().parent().css("width", "200px");
			$("#lists").css("width","200px");
			$("#lists .actions li").each(function () {
				$(this).children("img").removeClass("middle").css({"padding":"10px 15px","vertical-align":"middle"});
			});
		} else {
			$("#lists .display,.erji .display").hide();
			$("#lists .display,.erji .display").first().parent().css("width", "70px");
			$("#lists").css("width","70px");
			$("#lists .actions li").each(function () {
				$(this).children("img").addClass("middle");
			});
		}
		show = !show;
	});

	$("#loads").hide();
	$("#musicSearchAll").hide();
	
	//在设置的音乐播放完后显示这个
	setTimeout(function(){
		$(".anima h2").show();
	},310000);
	
	window.onresize = function(){
		var width = window.innerWidth;
		if(width < 1500){
			$("#mycanvas").hide().siblings().show();
		}else{
			$("#mycanvas").show().siblings().hide();
		}
	}
	
	//左边li的背景色调控
	$(".actions li").hover(function () {
		var width = $(this).width();
		//如果宽度大于70的时候设计一个样式
		if(width>70){
			$(this).addClass("bgColor");
		}else{
			$(this).addClass("bgColor");
			$(this).children("p").addClass("opts");
			$(this).children("img").hide().end().children("p").show();
			$(this).parent().addClass("align");
		}
	},function () {
		var width = $(this).width();
		if(width>70){
			$(this).removeClass("bgColor");
		}else{
			$(this).removeClass("bgColor");
			$(this).children("p").removeClass("opts");
			$(this).children("img").show().end().children("p").hide();
			$(this).parent().removeClass("align");
		}
	});
	
	//表单的显示与隐藏
	$(".head .denglu").click(function () {
		$("#form").show();
	});

	$(".exit").click(function () {
		$("#form").hide();
	});

	$(".qq").click(function(){
		$(this).next().click();
	});

	//查找歌曲、歌手
	$("#sousuo").click(function(){
		seaMusic();
	});
	
	$("#searchs").keypress(function(e){
		if(e.keyCode == 13){
			seaMusic();
		}
	})
	
	function seaMusic(){
		var str = $("#searchs").val();
		if(str.length == 0 || str == null){
			$("#loads").hide();
			$.getJSON("PageMusic","page="+index,callBack); 
		}else{
			$.post("AddMusic.html","mname="+str,getMusics,"json");
			$("#loads").show();
		}
	}

	//json
	function getMusics(data){
		$("#musicSearchAll").html("");
		for(var key in data){
			$("#musicSearchAll").append('<li title='+data[key].murl+'><img src='+data[key].purl+'/>'+
					'<p title='+data[key].lyric+'><a href="#" data-con='+data[key].sname+'>'+data[key].mname+'</a></p>'+
					'<p title='+key+'>'+data[key].sname+'</p></li>');
		}
		$("#musicSearchAll").show();
		$(".myshow").hide();
		$("#loads").hide();
	}
	
	/*超链接单击的时候发送请求到MusicAdd页面,把音乐名和歌曲名发送过去,murl,lyric,purl一起传过去*/
	$("#musicSearchAll").on('click','a',function(){
		var str = "mname="+$(this).html()+"&sname="+$(this).attr('data-con')+"&purl="+$(this).parent().parent().children('img').attr('src')
				+"&murl="+$(this).parent().parent().attr('title').replace(new RegExp('&','gm'),'abc123')
				+"&mymid="+$(this).parent().next().attr('title');
		$.post('MusicAdd',str,addmusic,"text");
	})
	
	function addmusic(data){
		if(data>0){
			/*发送请求到播放页面*/
			$.get('MusicPlay',"mid="+data,openList);
		}
	}

	/*左边导航栏部分的li单击的时候需要处理的事情*/
	$(".actions li").click(function(){
		var lid = $(this).attr('id');  //获取对应的id
		if(lid.match("top")){	//单击了首页
			$.getJSON("PageMusic","page="+1,callBack);
			$("#musicSearchAll").hide();
			$(".myshow").show();
		}else if(lid.match("collection")){   //我的收藏页面 请求登录用户的收藏页面 如果存在则发出请求
			var uid = $.cookie("uid");
			if(typeof(uid) == 'string'){
				$.getJSON("Collection.html","opr=list&uid="+uid,loadCollection);
			}else{
				$("#form").show();
			}
		}else if(lid.match("localhist")){   //本地历史

		}else if(lid.match("playList")){
			$.get("Music.html","opr=playList",openList,"text")
		}else if(lid.match('listen')){  //随心听
			$.get("Music.html","opr=listen",openNew,"text")
		}
	})
	
	function loadCollection(data){
		$("#content_left").html("");
		var $div = $("<div><h2>我的收藏</h2><hr><p><span>序号</span><span>歌名</span><span>歌手</span><span>操作</span></p>");
		
		for(var i=0;i<data.length;i++){
			$div.append("<div>"+(i+1)+"&nbsp;"+data[i].mname+"&nbsp;"+data[i].sname+"<a href='Collection.html?opr=del&mid="+data[i].mid+"&uid="+$.cookie("uid")+"'>删除</a></div>");
		}
		$div.append("</div>");
		$("#content_left").append($div);
	}

	//监听音乐播放页面是否有打开和关闭
	function openList(data){
		var objWin = null;
		if(data == "no"){
			objWin = window.open("htmls/musicplay.html");
			var loop = setInterval(function(){
				//监听打开的页面是否被关闭的事件,如果已经被关闭的话就重新发送ajax请求将会话删除掉
				if(objWin.closed){
					clearInterval(loop);
					$.get("PageListen","opr=del&page=music");
				}
			},2000);
		}
		localStorage.setItem('demo',new Date());
	}

	//监听随心听页面,是否有打开和关闭
	function openNew(data){
		var objWin = null;
		if(data == "no"){
			objWin = window.open("htmls/freeListen.html");
			var loop = setInterval(function(){
				//监听打开的页面是否被关闭的事件,如果已经被关闭的话就重新发送ajax请求将会话删除掉
				if(objWin.closed){
					clearInterval(loop);
					$.get("PageListen","opr=del&page=play");
				}
			},2000);
		}
	}

	$.getJSON("PageMusic","page="+1,callBack); //默认请求第一页的内容
	$(".refrush").click(function(){
		index = ++index>3?1:index;
		$.getJSON("PageMusic","page="+index,callBack);
	});

	//回掉函数加载对应的内容,加载中间部分的内容
	function callBack(data){
		$(".imgs").html("");
		for(var key in data){
			$(".imgs").append('<li id="'+ data[key].murl+'" data-content="'+data[key].mid+'">'+
					' <div class="show">'+
					'	    <div class="first">'+
					'	<img src="'+data[key].purl+'" onerror='+"this.src='images/p1.jpg'"+'>'+
					'    </div>'+
					'    <div class="mymask">'+
					'    	<img src="images/play.png" class="play"/>'+
					'    	<img src="images/add.png" class="add"/>'+
					'    	<img src="images/collection.png" class="collection"/>'+
					'   </div>'+
					' </div>'+
					'<a href="#" title="'+data[key].mname+'" data-con="'+data[key].mid+'">'+ data[key].mname+'</a>'+
					'<p>'+ data[key].sname+'</p>'+
			' </li>');
		}
		$("div[class=mymask]").hide();  //将mask层隐藏掉
	}

	/*超链接单击的时候发送请求到servlet种去处理,请求添加到音乐播放页面*/
	$(".imgs").on('click','a',function(){
		var mid = $(this).attr('data-con');
		mymusic.pause();
		$.get('MusicPlay','mid='+mid,openList);
		return false;
	})
	
	//中间部分图片显示与隐藏
	$(".imgs").on('mouseover','li',function(){
		$(this).children("div").children("div[class=mymask]").show();
	}).on('mouseout','li',function(){
		$(this).children("div").children("div[class=mymask]").hide();
	});

})


